<template>
    <div class="es-type-component">
        <table class="es-type-component-table">
            <thead class="es-type-component-thead">
                <tr class="es-type-component-tr">
                    <th class="es-type-component-th">事件名</th>
                    <th class="es-type-component-th">说明</th>
                    <th class="es-type-component-th">Type</th>
                    <!-- <th class="es-type-component-th">显示提示框</th>
                    <th class="es-type-component-th">版本号</th> -->
                </tr>
            </thead>
            <tbody class="es-type-component-tbody">
                <tr v-for="item in tableList.list" class="es-type-component-tr">
                    <td class="es-type-component-td">{{ item.name }}</td>
                    <td class="es-type-component-td">{{ item.remark }}</td>
                    <td class="es-type-component-td">{{ item.params }}</td>
                    <!-- <td class="es-type-component-td">{{ item.showTip }}</td>
                    <td class="es-type-component-td">{{ item.version }}</td> -->
                </tr>
            </tbody>
        </table>
    </div>
</template>
<script setup lang="ts">
import { EventTableItem } from "../tableBlock"
import "./index.css"
type Props = {
    tableList?: EventTableItem
};
withDefaults(defineProps<Props>(), {
    tableList: () => ({
        tableType: 'eventTableItem',
        list: [
            {
                name: '1',//事件名
                remark: '1',//说明
                params: '1',//参数
                showTip: true,//显示提示框
                version: '1',//版本号
            }
        ]
    })
})
</script>
<style ></style>
